<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>并集选择器（重点）</title>
    <style>
        /* 客户需求 p、span和第一个div里面的颜色都是红色 */
        /* 分开写 */
        /* p{
            color: red;
        }
        span{
            color: red;
        }
        .red{
            color: red;
        } */

        /* 并集选择器用逗号隔开，逗号理解为和的意思 通常用于集体声明
        就是因为这些选择器  里面的样式相同 */
        .red,
        span,
        p{
            color: red;
        }
    </style>
</head>
<body>
    
    <p>我和你</p>
    <p>我和你</p>
    <p>我和你</p>
    <span>我和你</span>
    <span>我和你</span>
    <span>我和你</span>
    <div class="red">我和你</div>
    <div>我和你</div>
    <div>我和你</div>
</body>
</html>